.productDetails{
    height: 100vh;
    overflow: auto;
    padding-bottom: 160px;
    .carousel{
        width: 100%;
        height: 400px;
    }
    .carouseTwol{
        position: absolute;
        right: 10px;
        bottom: 10px;
        width: 67px;
        height: 36px;
        text-align: center;
        border-radius: 19px;
        background: rgba(0 , 0 , 0, 0.4 );
        border: 0.1px solid;
        color: #ffffff;
        font-size: 12px;
        line-height: 36px;
    }
    .commodity{
        padding: 24px 30px;
         background-color: #ffffff;
          height: auto;
          .commodity-loop{
            height: 36px;
             display: inline-block;
             .commodity-Coupons{
                font-size: 22px;
                padding:3px 5px;
                color: rgba(249,62,14);
                background-color: rgba(255,238,235);
                border-radius: 4px;
                float: left;
             }
          }
          .collect-Coupons{
            float: right;
            display: flex;
            line-height: 36px;
            color: #F93E0E;
            .collect{
                font-size: 24px;
                font-weight: 400;                
            }
          }
          .commodity-money{
              margin-top: 8px;
              .commodity-moneySmall{
                  color: #000000;
                  font-size: 44px;
                  font-weight: bold;
                  .moneySmall{
                    font-size: 24px;
                    font-weight: bold;
                  }
              }
              .commodity-moneyMany{
                  color: #999999;
                  font-size: 32px;
              }
          }
          .commodity-name{
              margin-top: 32px;
              color: #333333;
              font-size: 30px;
              font-weight: bold;
              line-height: 1.5;
          }
          .commodity-rule{
            margin-top: 32px;
            height: 36px;
            display: inline-block;
              .commodity-rulename{
                font-size: 22px;
                padding:4px;
                color: rgba(89,96,105);
                background-color: rgba(241,244,247);
                border-radius: 8px;
                float: left;
              }
          }
    }
    .productDetails{
        background: #ffffff;
        padding: 24px 30px;
        background-color: #ffffff;
        height: auto;
        margin-top: 20px;
        .productDetails-name{
            color: #333333;
            font-size: 24px;
            font-weight: bold;
            line-height: 33px;
        }
        .productDetails-details{
            margin-left: 88px;
            color: #555555;
            font-size: 24px;
            font-weight: 400;
            line-height: 33px;
        }
        .productDetails-time{
            line-height: 33px;
            margin-top: 8px;
            margin-left: 135px;
            color: #999999;
            font-size: 24px;
        }
    }
    .shopping-cart{
        position: fixed;
        display: flex;
        bottom: 0;
        height: 104px;
        background-color: #ffffff;
        width: 100%;
        padding: 17px 30px;
        .addCartIcon{
            line-height: 104px;
        }
        .addCart{
            // height: 70px;
            line-height:  104px;
            font-size: 28px;
            color: #333333;
            font-weight: bold;
            padding: 0px 30px;
            margin-left: 38px;
        }
        .addCart-buy{
            // height: 70px;
            line-height:  104px;
            font-size: 28px;
            color: #FFFFFF;
            font-weight: bold;
            padding: 0px 94px;
            background-color: #2360B0;
            margin-left: 20px;
        }
    }
    .big-pic{
        margin-top: 7px;
        height: 1072px;
        width: 100%;
    }
}